import React, { Component } from "react";
import {Link, withRouter} from "react-router-dom"
import "./Header.less";
// BEM命名法:header header-center header-center-img ....
class Header extends Component {
  back=()=>{
    this.props.history.go(-1)
  }
  render() {
    let { text, back, register } = this.props;
    return (
      <div className="header">
        {back ? <span className="back" onClick={this.back}>返回</span> : null}
        <div className="text">{text}</div>
        {register ? <Link to="/register" className="register">注册</Link> : null}
      </div>
    );
  }
}
export default withRouter(Header)
// 如果一个函数参数是组件，返回一个新组件，新组件比原本的组件加了一些功能，这样的函数我们称为：高阶组件。（类似于Vue中混入）
// withRouter是一个函数，参数是组件，返回值是组件

